<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf8">
    <title>管理员登录</title>
    <link rel="stylesheet" href="../../static/login/css/login.css">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,600italic,700,700italic,800,800italic'
          rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic'
          rel='stylesheet' type='text/css'>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords"
          content="Lambent Login Form Responsive, Login Form Web Template, Flat Pricing Tables, Flat Drop-Downs, Sign-Up Web Templates, Flat Web Templates, Login Sign-up Responsive Web Template, Smartphone Compatible Web Template, Free Web Designs for Nokia, Samsung, LG, Sony Ericsson, Motorola Web Design"/>
    <script src="../../static/login/js/jquery-1.12.3.js"></script>
    <script src="../../static/login/js/sha1.js"></script>
    <script src="../../static/login/js/login.js"></script>
    <script src="../../static/layer/layer.js"></script>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);
    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
</head>
<style>
    input[type="button"] {
        background: #e91e63;
        padding: 13px 0;
        font-size: 16px;
        color: #fff;
        cursor: pointer;
        outline: none;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
        width: 88.5%;
        border: none;
        margin-top: 25px;
    }

    #btn:hover{
        background: #081148;
    }
    @media (max-width: 400px) {
        #btn{
            width: 106%;
        }
    }
</style>
<body>
<h1>Lambent Login Form</h1>
<div class="main-agileinfo">
    <h2>Login Now</h2>
    <input type="text" name="name" class="name" placeholder="Usename" required="">
    <input type="password" name="password" class="password" placeholder="Password" required="">
    <ul>
        <li>
            <input type="checkbox" id="brand1" value="">
            <label for="brand1"><span></span>Remember me</label>
        </li>
    </ul>
    <br>
    <div class="clear"></div>
    <input id="btn" type="button" value="Login" class="btn"
           style="display: inline-block;">
</div>
<div class="footer-w3l">
    <p class="agile"> &copy; 2018 from china | yesent by </p>
</div>
</body>
<script>
    $("body").keydown(function () {
        if (event.keyCode == "13") {//keyCode=13是回车键
            $('#btn').click();
        }
    });
</script>
</html>
